<div class="home">
    <header>
        <div class="topnav">
            <span class="downbox"><img src="../src/image/menucopy.png" alt=""></span>
            <span class="city">广州 <b>﹀</b> </span>
            <span class="search"><img src="../src/image/ic_search.png" alt=""></span>
        </div>

        <!--不同的类型id活动-->
        <nav class="navbar">
            <ks-swiper-container loop="false" slides-per-view="5" space-between="5" pagination-clickable="false" class="navbarcont" ng-if="eventCategoryList">
                <ks-swiper-slide class="navright swiper-slide" ng-click="gonCategoryId(1)">
                    <div class="rightid"><span class="{{ bordershow=='1' }}">精选</span></div>
                </ks-swiper-slide>
                <ks-swiper-slide class="navright swiper-slide {{ navrighthidd==$index }}" ng-repeat="item in eventCategoryList">
                    <div class="rightid"  ng-click="gonCategoryId(item.categoryId,$index)">
                        <span class="{{ bordershow==item.categoryId }}">{{ item.categoryName }}</span>
                    </div>
                </ks-swiper-slide>
            </ks-swiper-container>
        </nav>
    </header>

    <div class="mainpart" ng-if="hometype=='jingxuanid'">
        <!--banner部分-->
        <div class="bannerimg-box">
            <ks-swiper-container pagination="true" class="bannerimg" ng-if="choiceeventlist">
                <ks-swiper-slide class="swiper-slide banner" ng-repeat="item in choiceeventlist">
                    <div class="bimg" style="background: url('{{ config.host+item.strCoverImg }}') center center / cover;"   ng-click="goPage('/detail/'+item.nEventId)"></div>
                    <!--<div class="bcont" ng-click="goPageBase64('/detail/',item.nEventId)">-->
                    <div class="bcont"   ng-click="goPage('/detail/'+item.nEventId)">
                        <div class="name">{{ item.strEventName }}</div>
                        <div class="details">
                            <img class="rili" src="../src/image/ic_calender_purple.png" alt="">
                            <span>{{item.nUpdateTime*1000 | date:'dd.MM.yyyy'}} 至 {{item.nStartDate*1000 | date:'dd.MM.yyyy'}}</span>
                            <img class="money" src="../src/image/icon_apply.png" alt="">
                            <span class="paces">{{ item.nEventCost==0?'免费':item.nEventCost+'/人'}}</span>
                        </div>
                    </div>
                </ks-swiper-slide>
            </ks-swiper-container>
        </div>

        <!--最多人参加-->
        <div class="activitypart" ng-if="maxMemberEventList">
            <div class="title">最多人参加！</div>
            <div class="activtycont">
                <ks-swiper-container slides-per-view="2.25" space-between="12" pagination-clickable="false" class="activtycontul">
                    <ks-swiper-slide class="activity swiper-slide" ng-repeat="item in maxMemberEventList">
                        <div class="pic" style="background: url('{{ config.host+item.strCoverImg }}') center center / cover;"></div>
                        <!--<div class="contlayer" ng-click="goPageBase64('/detail/',item.nEventId)">-->
                        <div class="tag {{ gobgcolor($index) }}">{{ item.strEventCategoryName }}</div>
                        <div class="contlayer" ng-click="goPage('/detail/'+item.nEventId)">
                            <div class="box">
                                <div class="name">{{ item.strEventName }}</div>
                                <div class="time">
                                    <img class="rili" src="../src/image/ic_calender_purple.png" alt="">
                                    <span>{{item.nUpdateTime*1000 | date:'dd.MM.yyyy'}}至{{item.nStartDate*1000 | date:'dd.MM.yyyy'}}</span>
                                </div>
                            </div>
                        </div>
                    </ks-swiper-slide>
                </ks-swiper-container>
            </div>
        </div>

        <!--快要举行-->
        <div class="activitypart" ng-if="beginningEventList">
            <div class="title">快要举行啦！</div>
            <div class="activtycont">
                <ks-swiper-container slides-per-view="2.25" space-between="12" pagination-clickable="false" class="activtycontul" >
                    <ks-swiper-slide class="activity swiper-slide" ng-repeat="item in beginningEventList">
                        <div class="pic" style="background: url('{{ config.host+item.strCoverImg }}') center center / cover;"></div>
                        <!--<div class="contlayer" ng-click="goPageBase64('/detail/',item.nEventId)">-->
                        <div class="tag {{ gobgcolor($index) }}">{{ item.strEventCategoryName }}</div>
                        <div class="contlayer" ng-click="goPage('/detail/'+item.nEventId)">
                            <div class="box">
                                <div class="name">{{ item.strEventName }}</div>
                                <div class="time">
                                    <img class="rili" src="../src/image/ic_calender_purple.png" alt="">
                                    <span>{{item.nUpdateTime*1000 | date:'dd.MM.yyyy'}}至{{item.nStartDate*1000 | date:'dd.MM.yyyy'}}</span>
                                </div>
                            </div>
                        </div>
                    </ks-swiper-slide>
                </ks-swiper-container>
            </div>
        </div>


        <!--版本声明-->
        <div class="version" ng-if="choiceeventlist">Copyright  ©  2017 cheerhub.com.cn . 保留所有版权</div>

    </div>

    <!--另外种类-->
    <div class="eventslist" ng-if="hometype=='qitaid'" ng-if="homePage">
        <div class="events" ng-repeat="item in homePage">
            <div class="eventsbgimg" style="background: url('{{config.host+item.strCoverImg}}') center center /cover;"></div>
            <!--<div class="eventscont" ng-click="goPageBase64('/detail/',item.nEventId)">-->
            <div class="eventscont" ng-click="goPage('/detail/'+item.nEventId)">
                <div class="cont">
                    <div class="name">{{ item.strEventName }}</div>
                     <div class="time">
                        <img class="rili" src="../src/image/ic_calender_purple.png" alt="">
                        {{item.nStartDate*1000 | date:'dd.MM.yyyy'}}至{{item.nUpdateTime*1000 | date:'dd.MM.yyyy'}}</div>
                     <div class="price">
                         <img class="money" src="../src/image/icon_apply.png" alt="">
                         {{ item.nEventCost==0?'免费':item.nEventCost+'/人'}}</div>
                </div>
            </div>
        </div>
    </div>


    <!--底部导航-->
    <!--<ul class="footnav">
        <li class="iconone">
            <img src="../src/image/login/home1.png" alt="">
        </li>
        <li class="icontwo">
            <img src="../src/image/login/home2.png" alt="">
        </li>
        <li class="iconthree">
            <img src="../src/image/login/artboard6.png" alt="">
        </li>
    </ul>-->
</div>

